<template>
  <div id="app">
    <transition name="fade"
		            mode="out-in">
			<router-view></router-view>
		</transition>
  </div>
</template>

<script>
import {mapGetters} from 'vuex'
import login from "./components/Login"
export default {
  name: "App",
  data() {
    return {
      isCollapse: false,
      logined:true
    };
  },
  created(){
    // if(localStorage.getItem('userlogin')){
    //   this.logined = true
    // }else{
    //   this.logined = false
    // }
  },
  mounted(){
    
  },
  methods: {
    
  },
  computed: {
    // ...mapGetters([
    //    'logined'
    // ]),
  },
  components:{
    login
  }
};
</script>

<style lang="stylus">
  @import './style/font.css'

  #app 
    font-family "Microsoft YaHei"
    -webkit-font-smoothing antialiased
    -moz-osx-font-smoothing grayscale
  .fade-enter-active,
  .fade-leave-active 
	  transition: all .2s ease
  .fade-enter,
  .fade-leave-active 
	  opacity: 0;

  .top
    overflow hidden
    .biao
      color #888
      font-size 20px
      .icon
        width 25px
        height 18px
  .op
    background: #fff
    height: 60px
    margin-top: 20px
    padding: 0 20px
    .el-col
      display flex
      .name
        flex: 0 0 90px
        line-height: 60px
        font-size: 14px
        color: #888
        text-align right 
        padding-right 10px
      .el-select
        .el-input
          margin-top 15px
          input
            line-height 30px
            height 30px
            border none 
            background-color #eff3f5
            border-radius 4px
      .el-input
        margin-top 15px
        input 
          line-height 30px
          height 30px
          font-size 14px
          border-radius 4px
    .el-col.btn
      .el-button
        height: 30px
        line-height: 30px
        margin-top: 15px
        font-size: 14px
        padding: 0 15px
        margin-left: 40px
  .el-table
    margin-top 10px
    th>.cell
      font-size 16px 
      color #4d4d4d
      font-weight normal
    .cell
      font-size 14px
      color #4d4d4d
      padding 0px 20px
      .el-button--small
        font-size 14px
        color #3296fa
      .el-button--small.red
        color #e62129
  .el-table--striped .el-table__body tr.el-table__row--striped td 
    background-color #f8f8f8
  .block
    background-color #fff
    padding 20px
  .my-dialog
    position fixed
    top 70px
    right 0
    bottom 0
    width 35%
    z-index 2000
    padding 20px
    background #fff
    box-shadow 2px 10px 10px #666
    form 
      position: absolute;
      left: 20px;
      top: 20px;
      right: 0;
      bottom: 85px;
      overflow: auto;
      padding-right: 20px
      padding-bottom 20px
    .dialog-footer
      position absolute 
      bottom 0
      left 0
      right 0
      border-top 1px solid #ebebeb
      padding 20px 0
      padding-left 120px
    .el-col
      display flex
      .name
        flex: 0 0 90px
        line-height: 50px
        font-size: 14px
        color: #888
        text-align right 
        padding-right 10px
      .el-select
        flex 1
        margin-right 20px
        .el-input
          margin-top 10px
          input
            line-height 30px
            height 30px
            background-color #eff3f5
            border-radius 4px
      .inp
        margin-top 10px
        margin-right 20px
        input,textarea 
          line-height 30px
          font-size 14px
          border-radius 4px
          background-color #eff3f5
        input
          height 30px
        .checkbox 
          line-height 50px
  
</style>
